/*-----------------------------------------------------------------------------
version:   0.1
author:    savan koradia
email:     sjk.frills2008@gmail.com
website:   http://fedoracores.blogspot.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin 
* {
  margin: 0;
        padding: 0;
}*/

/* Put it back on certain elements */



/* Class for clearing floats */

.clear {clear:both;}

/* Remove border around linked images */

img {border: 0;}

/* =Typography
-----------------------------------------------------------------------------*/

body {font: 90%/1.6  Verdana, sans-serif;
      margin: 0;
      padding: 0;
      background-color: white;
      /*background-image: url(../template_bg.gif);
      background-repeat: repeat;
      */
      font-family: helvetica ;}

/* =Wrapper
-----------------------------------------------------------------------------*/

#wrapper {background-color: white;
          border-left : solid 140px darkgrey;
          border-right : solid 125px darkgrey;          
          /*padding: 10px;
          */}

/* Centering Technique
================================== */

#wrapper {
    width: 1000px;
    margin: auto;
}

/* =Headings
-----------------------------------------------------------------------------*/

#header {width: 100%;
         height: 257px;
         background-image: url(header1.png);
         background-repeat:no-repeat;
}

#header01{
    width: 100%;
    height: 157px;
    background-image: url(header.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#header h1 {
    padding-left: 400px;}

#browse_crag {width: 802px;
              margin: 0;
              /*background-image: url(../images/browse_crag_bg.jpg);
              background-repeat: repeat-x;
              */
              border-bottom: 1px solid #99FF00;}

.login {color: #666;
        font-size:11px;
        padding: 5px;}

.login a:link, .login a:visited {text-decoration: none;
                                 font-weight: bold;
                                 color: #666;}

.login a:hover {text-decoration:none;
                color: #FF0000;}

/* =Links
-----------------------------------------------------------------------------*/

/*a:link, a:visited {text-decoration: none;
font-weight: bold;
color: #666;}*/

/*a:hover, a:active {text-decoration:none;
color: #FF0000;}*/

/* =Branding
-----------------------------------------------------------------------------*/

/* =Main Nav
-----------------------------------------------------------------------------*/

#navlist {width: 602px;
          margin: 0;}

ul#navlist {font: bold 11px verdana, arial, sans-serif;
            list-style-type: none;
            padding-bottom: 24px;
            margin: 0;
            margin-left: 190px;}

ul#navlist li {float: left;
               height: 20px;
               background-color: #99FF00;
               margin: 6px 2px 0px 2px;
               border: 1px solid #99FF00;
               border-bottom: none;}

li#active a {background-color: #fff;}

li#active a {color: #000;}

#navlist a {float: left;
            display: block;
            color: #666;
            text-decoration: none;
            padding: 4px;}

#navlist a:hover {background: #fff;}

/* =Sub Nav
-----------------------------------------------------------------------------*/

/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {width: 100%;
}

#mainContent a {
    background-color: transparent;
    text-decoration: none;
}

#mainContent a:visited {
    background-color: transparent;
    text-decoration: none;}

#mainContent a:hover {
    text-decoration: none;
    background-color: transparent;}

#mainContent ul {list-style-image: url(../images/arrow.gif);
                 padding: 0 0 0 18px;
                 margin: 8px 0 12px 0;}

#mainContent li {padding: 0;
                 margin: 0 0 6px 0;}

#mainContent li p {margin-left: 0;
                   margin-right: 0;}

#mainContent .rss {float: right;
                   width: 200px;
                   margin: 0 0 10px 10px;
                   border: 1px #D0D0D0 solid;
                   padding: 10px;
                   font-size: 10px;}

#mainContent .rss h2 {border: none;
                      margin: 0;
                      font-size: 16px;}

.important {background-color: #FBE6F2;
            border: 1px solid #D893A1;
            color: #333;
            margin: 10px 0 5px 0;
            padding: 10px;
            font-weight: bold;
            width: 400px;}

.important p {margin: 6px 0 8px 0;
              padding: 0;}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {width: 100%;
}

#footer a {text-decoration: none;}

.footer_menu {font-size:14px;
              color: #FFFFFF;}

.footer_menu a {padding-left: 10px;
                padding-right: 10px;
                color: white;
                text-decoration: none;
                border-right: 1px solid #99FF33;}

.footer_menu a:hover {background-color: #99FF33;
                      color: #000000;}

.webdesign {font-size:12px;
            padding: 10px;
            text-align:right;}

.webdesign a {text-decoration: none;
              color: black;}

.webdesign a:hover {padding: 3px 10px 3px 10px;
                    color: #666;
                    background-color: #FFF;
                    font-weight:bold;
                    border: 1px solid #666;}

/* =Forms
-----------------------------------------------------------------------------*/

/*.error {font-weight: bold;
color:#FF3300;
padding-left: 18px;
background: url(../../shared/images/error.png) no-repeat left top;}*/

/* :KLUDGE: Explicitly set the width for IE6- */

* html .error {width: 10em;}

fieldset {margin:1em 0;
          padding: 1em;
          border: 1px solid #ccc;}

legend {font-weight:bold;}

label {float: left;
       width: 100px;}

#register {margin: 0;}

#register label, #changePassword label  {width: 150px;}

#register .error span{
    margin-left: 150px;
    padding-left: 150px;}

.note {display: block;
       margin-left: 100px;}

#register.note  {display: block;
                 margin-left: 150px;}

.button {
    text-align:center;
    font-weight:bold;
    cursor: pointer;}

.button a {text-align: center;
           text-decoration: none;
           background: url(../images/fade-butt.png);
           border: 3px double #999;
           border-left-color: #ccc;
           border-top-color: #ccc;
           color: #333;
           padding: 0.25em;}

.button a:active {background: #f4f4f4;
                  border: 3px double #ccc;
                  border-left-color: #999;
                  border-top-color: #999;}

/* =FLASH MESSAGE
-----------------------------------------------------------------------------*/

#flashMessage {width:400px;
               color:#FF0000;
               border-bottom: 2px solid #FF0000;
               border-top: 1px solid #FF0000;
               font-size: 16px;
               margin: 8px 0px;
               font-weight: bold;
               padding: 10px;}

/* =CODE BOX
-----------------------------------------------------------------------------*/
#mainContent code, #mainContent pre {
    font-family: Courier,monospace;
    font-size: 12px;
    background-color: #f9f9f9;
    border: 1px solid #D0D0D0;
    color: #002166;
    display: block;
    margin: 14px 0 14px 0;
    padding: 12px 10px 12px 10px;
}

.float_left{
    float: left;
    /*    width: 70px;*/
    /*    margin-right: 20px;*/
}
.float_right{
    float: right;
}
.text_field{
    background-image: url(../images/box_register.png);
    height: 25px;
    border: none;
    width: 249px;
    padding: 5px;
    margin: 5px 0px;
    background-image: transparent;
    color: #898989;
}
.text_field_small{
    background-image: url(../images/box_text_emergency.png);
    height: 14px;
    border: none;
    width: 114px;
    padding: 5px;
    margin: 5px 0px;
    background-color: transparent;
    color: #898989;
}
.btn_sbt{
    background-image: url(../images/Register_button.png);
    width: 55px;
    height: 22px;
    border: none;
}

.btn_join
{
    background-image: url(../images/join_button.png);
    width: 55px;
    height: 22px;
    border: none;
}

.cursor{
    cursor: pointer;
}
.emergency{
    background-image: url(../images/box_emergency.png);
    height: 120px;
    width: 289px; margin-top: 100px; margin-left: 130px;
}

.structure{
    background-image: url(../images/box_structure.png);
    height: 120px;
    width: 289px; margin-top: 100px; margin-left: 130px;
}

.emrg_sub_btn{
    background-image: url(../images/emergency_button.png);
    height: 22px;
    width: 55px;
    border: none;
}

.hosp_sub_btn{
    background-image: url(../images/login_button.png);
    height: 22px;
    width: 55px;
    border: none;
}

.login_btn{    
    background-image: url(../images/login_button.png);
    height: 22px;
    width: 55px;
    border: none;
}

.footer_first
{
    color:#666666;
    margin-right: 10px;
}

.footer_second{
    padding: 20px;
    color: #4B9BCE;
    font-weight: bold;
}
.margin_right_5{
    margin-right: 5px;
}
.color_red{
    color: #f00;
    font-weight: bold;
}
.content{
    padding: 20px;
}
.padding_5{
    padding: 3px;
}
.padding_20{
    padding: 20px;
}
.login_box{
    padding-top: 20px;
    padding-right: 20px;
}
.color_white{
    color: #fff;
}
.padding_top_50{
    padding-top: 50px;
}

.salus_bank_reg{

    width: 620px;
    margin: auto;
    padding: 5px;
    padding-bottom: 40px;
    border-right: 2px solid #898989;
    border-left: 2px solid #898989;
}


h1{
    margin: 0px;
}

.color_blue{
    /*    color: #4B9BCE;*/
    color: #F6358A;
    font-size: 13px;
    font-weight: bold;

}

.color_black
{
    color: #666666;
    /*    color: pink;*/
}

.top_menu
{
    width: 123px;
    margin: 15px 0px 15px 0px;
    text-align: center;    
}

.top_menu a
{
    color: #666666;
    /*    color:  pink;*/
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.top_menu a:hover
{
        color: #2B60DE;
/*    color:  #F6358A;*/
}

.top_menu a:select
{
        color: #2B60DE;
/*    color:  #F6358A;*/
}


.privacy{
    width: 250px; height: 90px;
    background-color: darkgrey;
}
#header_small{
    width: 100%;
    height: 120px;
    background-image: url(../images/header.png);
    background-repeat:no-repeat;
}
.logo{
    width: 104px;
    height: 27px;
}
.salus_bank_logo{
    background-image: url(../images/baby.png);    
    margin-right: 20px;
}
.salus_baby_logo{
    background-image: url(../images/logo_salusbaby.png);
    margin-right: 20px;
}
.salus_sport_logo{
    background-image: url(../images/logo_salusport_.png);
    margin-right: 20px;
}
.salus_pets_logo{
    background-image: url(../images/logo_saluspets_.png);
    margin-right: 20px;
}
.prize_style{
    font-weight: bold;
    font-size: 20px;
    border: none;
    width: 50px;
    margin-right: 25px;

}
.salus_prize{


    background: url("../images/box.png");
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.color_green{
    color: #99FF00;
}
.border_green{
    border: 1px solid #99FF00;
}
.reg_width{
    width: 260px;
}
.display_none{
    display: none;
}
.profile_left{
    width: 175px;
}
.emrg_btn{
    background-image: url(../images/emengency_button.png);
    width: 176px;
    height: 38px;
}
.margin_10{
    margin: 10px;
}
.margin_20{
    margin: 20px;
}
.cartell{
    background-image: url(../images/button_create.png);
    width: 139px;
    height: 34px;
    margin: 40px 0px 10px 0px;
}
.agenda_special{
    background-image: url(../images/button_agenda.png);
    width: 139px;
    height: 34px;
}
.edit_profile{
    width: 300px;
    color: #454545;
    font-size: 12px;
    /*    padding: 15px;*/
}

.display_data{
    color: #454545;
    font-size: 12px;
    /*    padding: 15px;*/
}

.display_data_strong{
    color: #454545;
    font-size: 12px;
    font-weight: bold;
}

.box_color{
    /*    background-color: #CAE4FF;*/
    /*    border: 1px solid #000;*/
    background-image: url(../images/salusbank/220x25.png);
    border: 0px;
    width: 217px;
    height: 23px;
    color: #454545;
    padding-left: 3px;
}
.user_edit{
    margin: 2px;
    border-bottom: 1px solid #DEDEDE;
    color: #454545;
    font-size: 12px;
}

.allergies
{
    width: 150px;
}

.allergies_left{
    width: 200px;
    /*    border-right: 1px solid #000;*/
    /*    border-bottom: 1px solid #d0d0d0;
        padding-bottom: 5px;*/
}
.allergies_middle{
    width: 50px;
    text-align: center;
    /*    border-bottom: 1px solid #d0d0d0;*/
    /*    padding-bottom: 5px;*/
    /*    padding-top:4px;*/
}
.allergies_right{
    width: 225px;
    /*    border-left: 1px solid #000;*/
    text-align: left;
    /*    border-bottom: 1px solid #d0d0d0;
        padding-bottom: 5px;
        padding-top: 3px;*/
}

.save
{
    background-image: url(../images/salusbank/save_button.png);
    border: 0px;
    width: 64px;
    height: 23px;
    cursor: pointer;
}

.textarea
{
    background-image: url(../images/salusbank/textarea.jpg);
    width: 202px;
    height: 107px;
    border: none;
    padding: 10px;
    color:#454545;
    font-size: 12px;
    font: 90%/1.6 helvetica;
}

.small
{
    background-image: url(../images/salusbank/small.jpg);
    width: 60px;
    height: 17px;
    border: none;
    padding:4px;
    font-size: 12px;

}

.main_menu
{
    height: 25px;
    padding-top: 6px;

    font-weight: bold;
    padding-left: 5px;
    color: #454545;
}

.main_menu:active
{
    background-color: #000000;
}

.main_menu a{
    text-decoration: none;
    /*    color: #454545;*/
    font-size: 12px;
    font-family: Helvetica;
}

.main_menu:hover, .main_menu a:hover{
    /*    background-color: #59ADD9;*/
    background-color: #2B60DE;
    color: #FFFFFF;
}
.main_menu_green:hover, .main_menu_green a:hover{
    background-color: green;
}

.sub_menu
{
    padding-left: 20px;
    height: 25px;
    padding-top: 6px;         
    color: #454545;
}

.sub_menu a{

    color: #000000;
    text-decoration: none;
    font-family: Helvetica;
    font-size: 12px;
}

.sub_menu:hover, .sub_menu a:hover{
    background-color: pink;
    color: #FFFFFF;
}
.visited_left_sub1{
    /*    background-color: #59ADD9;*/
    background-color: pink;
    color: #fff;
}
.vacc_text{
    width: 50px;
    margin-right: 10px;
}
.vaccinations_title{
    width: 150px;
}
.vaccinations{
    width: 112px;
    text-align: center;
    color: #4B9BCE;
    font-weight: bold;
    font-size: 13px;
}

.vaccinations_color{
    width: 112px;
    text-align: center;
    color: #454545;

    font-size: 13px;
}

.vaccinations_pets{
    width: 93px;
}
.diseases_registry_title{
    width: 160px;
}
.diseases_registry{
    width: 107px;
    text-align: center;
    color: #4B9BCE;
    font-weight: bold;
    font-size: 13px;
}

.diseases_registry_color{
    width: 107px;
    text-align: center;
    color: #454545;
    font-size: 13px;
}

.diseases_registry_list
{
    width: 107px;
    text-align: center;
}

.therapies_mad
{
    width: 200px;
}

.therapies_care
{
    width: 235px;
}
.register_interventions{
    width: 200px;
}
.text_field_prepaid{
    background-image: url(../images/box_register/Prepaid_code_box.png);
    height: 25px;
    border: none;
    width: 158px;
    padding: 5px;
    margin: 5px 0px;
    color: #898989;
}


.corps_devices{
    width: 240px;
    color: #4B9BCE;
    font-weight: bold;
    font-size: 13px;
}

.corps_devices_color
{
    width: 240px;
    color: #454545;
    font-size: 13px;
}

.therapies{
    width: 150px;
    color: #4B9BCE;
    font-weight: bold;
    font-size: 13px;
}

.therapies_color{
    width: 150px;
    color: #454545;
    font-size: 13px;
}

.therapies_list
{
    color: #454545;
    font-size: 12px;
    width: 145px;
}

.desies_150_25
{
    background-image: url(../images/150_25.png);
    font-size: 12px;
    border: 0px;
    width: 146px;
    height: 25px;
    color: #454545;
    padding-left: 7px;

}



.title_home
{
    color: #555555;
}

.page_heading
{
    color: #4B9BCE;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 13px;
}



.more_info
{
    margin-top: 5px;
    color: #4B9BCE;
    font-size: 12px;
}
.top_after_menu{
    width: 40px;
    height: 30px;
}

.right_menu
{
    width: 170px;
    float: right;    

}

.right_logo
{
    width: 144px;
    height: 44px;
    padding: 15px 0px 0px 27px;
    border-bottom: 2px solid #898989;
}
.header_name{
    margin-right: 120px; font-size: 18px; text-align: right;
}


a{
    text-decoration: none;
}
.visited_left{
    /*    background-color: #59ADD9;*/
    background-color: #2B60DE;
    color: #fff;
}
.visited_left_green{
    background-color: green;
    color: #fff;
}

.report{
    width: 86px;
    color: #4B9BCE;
    font-weight: bold;
    font-size: 13px;
}

.report_list
{
    width: 86px;
    color: #454545;
    font-weight: normal;
}

.agenda{
    width: 130px;
    color: #4B9BCE;
    font-weight: bold;
    font-size: 13px;
}

.agenda_list
{
    width: 130px;
    color: #454545;
    font-weight: normal;
}

.pad_bot_5_top_5
{
    padding-bottom: 5px;
    padding-top: 5px;
}

.corps_devices_list
{
    color: #454545;
    font-size: 12px;
    width: 200px;
}

.toggle
{
    background-color: #59ADD9;
    color: #FFFFFF;
}
.padding_15{
    padding: 15px;
}

.padding_title{
    margin-top: 20px;
    border-bottom: 1px solid #999;
}
.error{
    border: 1px solid red;
}

.width_300{
    width: 300px;
}

.heat{
    width: 200px;
}
.pregnancy{
    width: 200px;
}
.mating{
    width: 200px;
}

.back_ground{
    background-color: green;
    color: #FFFFFF;
}
.back_ground>a{
    color: #FFFFFF;
}


#pets_1, #pets_2
{
    padding: 0px 5px 0px 5px;
}

#pets_1 a, #pets_2 a
{
    font-weight: bold;
    color: #666666;    
}

.more
{
    color: #454545;
}

.grey_color
{
    color: #454545;
}

.news_title
{
    color: #343434;
    font-size: 11px;
    font-weight: bold;
    padding-left: 4px;
}

.news_desc
{
    color: #686868;
    padding-left: 4px;
    font-size: 10px;
}


.cards_header{
    background-image: url(../images/cards/salus_card.png);
    height: 291px;
    width: 450px;
}
.cards_footer{
    background-image: url(../images/cards/footer_card.png);
    height: 102px;
    width: 241px;
}
.cards_header_box-little{
    background-image: url(../images/cards/little_box_header.png);
    height: 26px;
    width: 99px;
    margin-left: 5px; margin-top: 5px;
    border: none;
    background-repeat: no-repeat;
}
.cards_box_big_footer{
    background-image: url(../images/cards/box_big_footer.png);
    height: 6px;
    width: 76px;
    margin-left: 5px; margin-top: -5px;
    border: none;
    font-size: 9px;
    background-repeat: no-repeat;
}
.cards_box_small_footer{
    background-image: url(../images/cards/box_small_footer.png);
    height: 7px;
    width: 81px;
    border: none;
    margin-top: 20px;
    background-repeat: no-repeat;
}
.card_backside{
    background-image: url(../images/cards/card_backside.png);
    height: 291px;
    width: 450px;
    border: none;
    background-repeat: no-repeat;
}
.footer_bottom{
    text-align: center;
    /*    margin-top: 76px;*/
}
.footer_margin{
    padding-top: 177px;
    padding-left: 45px;
}
.cards{
    margin-left: 90px;
}
.font_cards{
    /*    font-size: 9px;*/
}

.cards_header_box_big{
    background-image: url(../images/cards/big_box_header.png);
    height: 16px;
    width: 162px;
    border: none;
    font-size: 10px;
}
.cards_header_box_big{
    margin-left: 5px;
    margin-top: 33px;
}
.visited_left a{
    color: #FFF;
}
.visited_left a:hover{
    color: #2B60DE;
}
.down_arrow{
    background-image: url(../images/arrow_blu.png);
    height: 8px;
    width: 9px; 
    margin-left: 50px;
    margin-top: 5px;
}

.sms_profile_bold
{
    color: #656565;
    font-weight: bold;
    width: 100px;
    font-size: 13px;
}

.sms_profile_normal
{
    color: #656565;
    font-size: 13px;
}

.mess_r
{
    margin-right: 60px;
    color: #656565;
    font-size: 14px;
}

.sms_title
{
    color: #656565;
    /*    font-weight: bold;*/
    width: 200px;
    font-size: 13px;
}

